---
slug: TailWindcss #路径，不能重复
title: TailWindcss # 标题
authors: [] # 作者，在authors.yml配置
tags: [facebook, hello, docusaurus] # 标签，在tags.yml配置
toc_min_heading_level: 2 # 最小展示标题
toc_max_heading_level: 5 # 最大展示标题
---

### 安装

> 以3版本为准,4版本安装完全不一致

```shell
npm uninstall tailwindcss @tailwindcss/postcss

```


```shell
npm install -D tailwindcss@3.4.17 postcss@8.5.0 autoprefixer@10.4.20
```

```js title="postcss.config.js"
// postcss.config.js (v3 配置保持不变)
module.exports = {
  plugins: {
    tailwindcss: {},  // ✅ v3 直接使用此名称
    autoprefixer: {},
  },
}
```